<!--navbar-->
<div class="navbar">
    <div class="navbar-inner">
        <div class="left">
            <a href="#" class="link back">
                <i class="icon icon-return"></i>
            </a>
        </div>
        <div class="center">消息</div>
    </div>
</div>
<div class="pages navbar-through">
    <div class="page no-toolbar subtoolbar-through" data-page="mineChat">
    	<div class="page-content">
    		<div class="content-block-title">2016-09-01 10:10</div>
    		<div class="list-block">
    			<ul>
    				<li class="align-top">
    					<div class="item-inner">
    						<div class="item-media">
    							<img src="tmp/avatar.jpg" alt="">
    						</div>
    						<div class="item-content">
                                <div class="content">
                                    您好~有什么需要帮助的么？您好有什么需要帮助的么？
                                </div>
                            </div>
    					</div>
    				</li>
    				<li class="align-top">
    					<div class="item-inner">
    						<div class="item-content">
                                <div class="content">
                                    谢谢
                                </div>
                            </div>
    						<div class="item-media">
    							<img src="tmp/avatar.jpg" alt="">
    						</div>
    					</div>
    				</li>
    			</ul>
    		</div>
    		<div class="content-block-title">09:20</div>
    		<div class="list-block">
    			<ul>
    				<li class="align-top">
    					<div class="item-inner">
    						<div class="item-media">
    							<img src="tmp/avatar.jpg" alt="">
    						</div>
    						<div class="item-content">
                                <div class="content">
                                    您好~
                                </div>
                            </div>
    					</div>
    				</li>
    				<li class="align-top">
    					<div class="item-inner">
    						<div class="item-content">
                                <div class="content">
                                    <img src="tmp/11.jpg" alt="">   
                                </div>
    						</div>
    						<div class="item-media">
    							<img src="tmp/avatar.jpg" alt="">
    						</div>
    					</div>
    				</li><li class="align-top">
                        <div class="item-inner">
                            <div class="item-media">
                                <img src="tmp/avatar.jpg" alt="">
                            </div>
                            <div class="item-content">
                                <div class="content">
                                    您好~
                                </div>
                            </div>
                        </div>
                    </li>
                    <li class="align-top">
                        <div class="item-inner">
                            <div class="item-content">
                                <div class="content">
                                    如果说“天空旅行（Sky Voyage）”还能让你和人类的空中交通工具产生联想的话，这款鲨鱼造型的概念飞行器很可能让你想到外星人。
                                </div>
                            </div>
                            <div class="item-media">
                                <img src="tmp/avatar.jpg" alt="">
                            </div>
                        </div>
                    </li>
    			</ul>
    		</div>
    	</div>
    	<div class="subtoolbar row no-gutter">
            <div class="col-icon">
            	<a class="emo">
            		<i class="icon icon-emo"></i>
            	</a>
            </div>
            <div class="col-auto">
                <pre></pre>
            	<textarea name="" wrap="physical" resize="none"></textarea>
            </div>
            <div class="col-icon">
            	<a class="photo">
            		<i class="icon icon-photo"></i>
            	</a>
            </div>
        </div>
    </div>
</div>